<template>
	<view class="container">
		<!-- <view style="position: absolute;top: 0px;width: 100%;height: 400rpx;z-index: 1; background: linear-gradient(#155CCF,#155CCF,#355CCF, #f1f1f1);"></view>
		 -->
		<view class="wrapper">
			<view style=" padding: 30rpx;">
				<view style=" position: relative;z-index: 2; background-color: rgba(255, 255, 255, 55%);padding: 40rpx 40rpx 40rpx 40rpx;border-radius: 20rpx;">
					<view style="padding: 20rpx 0rpx 50rpx 0rpx;font-size: 40rpx;text-align: center; ">
						欢迎来到全民运动健康
						<view style="line-height: 60rpx;">注册账号</view>
					</view>
					<view>
						<view @click="onLink(item.path)" style="display:flex;background-color:rgba(255, 255, 255, 35%);border-radius:5px;margin-top:15px;box-shadow:2px 3px 5px rgba(0, 0, 0, 0.12);justify-items:center;align-items:center;padding:30rpx;" v-for="(item, index) in regiestType" :key="index">
							<view style="width: 130rpx;">
								<image :src="item.icon" style="width: 130rpx;height: 130rpx;"></image>
							</view>
							<view style="width:100%;padding:0.5px 12px;wxcs_style_padding: 0rpx 30rpx;">
								<view style="font-size:33rpx;font-weight:600;color: #333333;line-height: 60rpx;">{{ item.name }}</view>
								<view style="font-size:27rpx;color: #888888;">
									{{ item.desc }}
								</view>
							</view>
						</view>
						
					</view>
				</view>
			</view>
		</view>
		
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				//注册类型
				regiestType: [
					{
						icon: '../../../static/image/venue.png',
						name: '场馆主',
						path: '/pages/apply/regiest/venue/venue',
						desc: '申请注册成为场馆主，将您的场馆入驻到平台。'
					},
					{
						icon: '../../../static/image/coach.png',
						name: '教练员',
						path: '/pages/apply/regiest/coach/coach',
						desc: '申请注册成为教练员，享受平台发布课程与知识分享等权益。'
					},
					{
						icon: '../../../static/image/instructor.png',
						name: '指导员',
						path: '/pages/apply/regiest/instructor/instructor',
						desc: '申请注册成为指导员，享受平台发布课程与知识分享等权益'
					}
				]
			}
		},
		methods: {
			onLink(url) {
				uni.navigateTo({ url: url })
			},
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		overflow: hidden;
		letter-spacing: 1rpx;
		background: linear-gradient(#155CCF,#e5e5e5, #e5e5e5);
	
		.container {
			height: 100%;
			display: flex;
			-webkit-box-pack: center;
			justify-content: center;
			align-items: center;
	
			.wrapper {
				width: 100%;
			}
		}
	}		
	
</style>